/* ================================ */
/* Author:			33hao	    	*/
/* Support Site:	www.33hao.com	*/
/* Retrofit Date:	Aug-08-2016		*/
/* ================================ */

@charset "utf-8";
.body { padding-top: 125px; min-height:840px; }
.m-header { margin: 0 auto; width: 1200px; height: 40px; line-height:40px; text-align: center; }
.m-header h3 { color:#fff; font-size: 20px; font-weight: normal; }
.m-recomHeader { }
.m-streetHeader { margin-top:13px; margin-bottom:16px; }
.m-bsnav { margin: 0 auto 10px; width: 1200px; min-height: 82px; text-align: center; font-size: 14px; color:#333; }
.m-bsnav .tab, .m-bsnav .tab:hover, .m-bsnav .sp, .m-bsnav .sp:hover { display: inline-block; float: left; height: 42px; line-height: 42px; color:#bbb; font-size:14px; text-decoration: none; text-align: center; }
.m-bsnav .tab { width: 131px; }
.m-bsnav .sp { width:5px; }
.m-bsnav .tab:hover, .m-bsnav .act { font-weight:bold; color:#fff; line-height: 40px; }
.m-bsnav .tab:hover span, .m-bsnav .act span { border-bottom: 2px solid #d22147; }
.m-bsnav .tab span { padding: 0 11px 3px; }
.m-bsfixednav { position: fixed; top:0; width: 100%; background-color: #fff; z-index: 999; box-shadow:0 0 10px rgba(0,0,0,.3); -moz-box-shadow:0 0 10px rgba(0,0,0,.3); -webkit-box-shadow:0 0 10px rgba(0,0,0,.3); }
.m-bsfixednav .m-bsnav { margin-bottom: 0; background-color: #fff }
.m-bsfixednav .m-bsnav .tab { color:#333; }
.m-bsfixednav .m-bsnav .tab:hover, .m-bsfixednav .m-bsnav .act { font-weight:bold; color:#d22147; }
.m-bsfixednav .m-bsnav .cart { margin-left: 5px; width: 120px; line-height: 37px; background-color: #eee; }
.m-bsfixednav .m-bsnav .cart:hover { font-weight:normal; color:#333; background-color: #ddd; }
.m-bsfixednav .m-bsnav .cart b { margin-right: 4px; font-size: 20px; color: #333; }
.m-bsfixednav .m-bsnav .cart .num { margin-left: 4px; padding:2px 6px; color:#fff; background-color: #d22147; border-radius: 99px; -moz-border-radius: 99px; -webkit-border-radius: 99px }
.m-recomBrand { margin:80px auto 0; padding:10px 0 20px; width:1090px; height:310px; }
.m-recomBrand .rowOfFour .brandWrap .brandDesc {  }
.m-recomBrand .rowOfFour .brandWrap .brandDesc .brandLogo { border:none; }
.m-recomBrand .rowOfFour .brandWrap .brandDesc .brandBenefit { color:#999; }
.m-recomBrand .rowOfFour .brandWrap .brandDesc .brandName { color:#fff; font-weight: normal; font-size: 14px; }
.m-brandStreet .column { float:left; margin-right: 14px; width:262px; }
.m-brandStreet .column .img { margin-bottom:14px; width:100%; }
.m-brandStreet .rowOfFour .brandWrap .brandDesc { background-color: #24212A; }
.m-brandStreet .rowOfFour .brandWrap .brandDesc .brandLogo { top:-46px; margin-left:-46px; border:1px solid #eaeaea; }
.m-brandStreet .rowOfFour .brandWrap .brandDesc .brandBenefit { color:#666; }
.m-brandStreet .rowOfFour .brandWrap .brandDesc .brandName { color:#fff; }
.m-brandStreet .rowOfFour .brandWrap .brandDesc .brandBtn { background-color: #d22147; }
.loading { margin-top:50px; text-align: center; }
.loading img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.noMore { margin-top:50px; }
.noMore p { margin:0 auto; width: 166px; height: 43px; line-height: 43px; border-top:1px solid #464156; border-bottom:1px solid #464156; color:#fff; text-align: center; font-size: 18px; }
.m-brandarea { }
.brandWrap .logoPic { border-radius:110px; -moz-border-radius:110px; -webkit-border-radius:110px; }
.brandWrap .brandDesc .brandBenefit, .brandWrap .brandDesc .brandName { padding:0 8px; overflow: hidden; white-space: nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
.rowOfFour { margin-right: -14px; }
.rowOfFour .brandWrap1 { position:relative; float:left; width:262px; height:214px; overflow:hidden; font-size: 14px; }
.rowOfFour .brandWrap { position:relative; float:left; margin:0 14px 14px 0; width:262px; height:auto; font-size: 14px; }
.rowOfFour .brandWrap .brandImgLink { display: block; overflow: hidden; }
.rowOfFour .brandWrap .brandImg { width:262px; height:262px; }
.rowOfFour .brandWrap .brandDesc { display:block; position:relative; top:0; width:262px; height:162px; text-decoration:none; color:#333; }
.rowOfFour .brandWrap .brandDesc .brandLogo { position:absolute; top:-45px; left:50%; margin-left:-45px; width:90px; height:30px; background:#fff; padding:30px 0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.rowOfFour .brandWrap .brandDesc .brandName { margin-top:52px; margin-bottom:2px; text-align: center; font-weight: bold; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
.rowOfFour .brandWrap .brandDesc .brandBenefit { font-size:13px; overflow:hidden; text-align:center; color:#d22147; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
.rowOfFour .brandWrap .brandDesc .brandBtn { display:block; margin:10px auto 0; width:124px; height:28px; line-height:28px; text-align:center; text-decoration:none; cursor:pointer; -moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; background-color: #d22147; color:#fff; }
.rowOfFour .brandWrap .brandDesc .brandTime { margin-top:15px; text-align: center; font-size: 12px; }
.f-fl, .fl { float: left; }
.nch-barnd-list { margin-top: 20px; }
.nch-barnd-list ul { font-size: 0; word-spacing:-1em; width: 1180px; margin: 0 auto; }
.nch-barnd-list ul li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/;
width: 195px; padding: 0; margin: 0 0 20px 0; overflow: hidden; *zoom: 1;
}
.nch-barnd-list dl { background-color: #FFF;width: 150px; padding: 4px 9px; border: solid 1px #E6E6E6; margin: 0 auto; border-radius: 6px; box-shadow: inset 0 0 2px rgba(204,204,204,0.3); }
.nch-barnd-list dt a { line-height: 0; background-color: #FFF; text-align: center; vertical-align: middle; display: table-cell; *display: block;
width: 150px; height: 50px; overflow: hidden; }
.nch-barnd-list dt a img {  max-width: 150px; max-height: 50px; margin-top:expression(50-this.height/2);
*margin-top:expression(25-this.height/2)/*IE6,7*/;
}
.nch-barnd-list ul li a:hover {animation: 0.5s ease 0s normal forwards 1 running toTopFromBottom;}
.nch-barnd-list dl dd { font-size: 12px; text-align: center; text-overflow: ellipsis; white-space: nowrap; height: 20px; padding: 4px 0 0 0; border-top: solid 1px #E6E6E6; overflow: hidden; }
.nch-brand-class { margin-top: 20px;padding-bottom:20px;}
.nch-brand-class-tab { color: #333; font-size: 14px; margin: 0 auto 10px; text-align: center; width: 1200px; }
.nch-brand-class-tab .tabs-nav { font-size: 0; word-spacing:-1em; }
.nch-brand-class-tab .tabs-nav li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/;
padding: 0; margin: 0 14px; overflow: hidden; *zoom: 1;
}
.nch-brand-class-tab .tabs-nav li a { font-size:16px;padding-bottom:4px; text-align: center; text-overflow: ellipsis; white-space: nowrap; color:#bbb }
.nch-brand-class-tab .tabs-nav li a em { font-size: 11px; margin-left: 4px; -webkit-text-size-adjust:none; }
.nch-brand-class-tab .tabs-nav li a:hover { text-decoration: none; color:fff; border-bottom: 2px solid #d22147; }
.nch-brand-class-tab .tabs-nav li.tabs-selected a { color:#fff; padding-bottom:4px;  border-bottom: 2px solid #d22147; cursor: default; }
.nch-brand-class-tab .tabs-nav .line { color: #bbb; display: inline-block; font-size: 14px; height: 42px; line-height: 42px; text-align: center; margin-left:15px; text-decoration: none; }
.nch-brand-class-tab .tabs-nav .line { width: 5px; }
.nch-brand-class .nch-barnd-list { display: block; padding-top: 20px; }
.nch-brand-class .tabs-hide { display: none; }
.nch-barnd-list-text { font-size: 0; word-spacing:-1em; width: 1150px; margin: 0 auto; }
.nch-barnd-list-text strong, .nch-barnd-list-text a { font-size: 14px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/;
padding: 0; margin: 0 20px 15px 0; overflow: hidden; *zoom: 1;
}
.nch-barnd-list-text strong { margin-left: 10px; }


